<admintpl file="header" />
<style type="text/css">
.pic-list li {
	margin-bottom: 5px;
}
.w60{
	width:100px !important;
	display:block;
	float:left;	
	text-align:right;
	line-height:32px;
}
.controls_box_box{
	display:block;
	float:left;
}
</style>
<script type="text/html" id="photos-item-wrapper">
	<li id="savedimage{id}">
		<input id="photo-{id}" type="hidden" name="photos_url[]" value="{filepath}"> 
		<input id="photo-{id}-name" type="text" name="photos_alt[]" value="{name}" style="width: 160px;" title="图片名称">
		<img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;" onclick="parent.image_preview_dialog(this.src);">
		<a href="javascript:upload_one_image('图片上传','#photo-{id}');">替换</a>
		<a href="javascript:(function(){$('#savedimage{id}').remove();})();">移除</a>
	</li>
</script>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:U('Exams/card')}">准考证管理</a></li>
			<li class="active"><a href="{:U('Exams/card_add',array('term'=>empty($term['term_id'])?'':$term['term_id']))}" target="_self">生成准考证</a></li>
			
		</ul>
		<form action="{:U('Exams/card_add_post')}" method="post" class="form-horizontal js-ajax-forms">
			<div class="row-fluid">
					<table class="table table-bordered">
						
						<tr>
							<th width="80">考试分类</th>
							<td>
								<select style="max-height: 100px;" name="exam_term" id="exam_term">{$exam_taxonomys}</select>
							</td>
						</tr>								
						<tr>
							<th width="80">工种分类</th>
							<td>
								<select style="max-height: 100px;" name="ques_term" id="ques_term">{$ques_taxonomys}</select>
							</td>
						</tr>				
						<tr>
							<th width="80">考试名称</th>
							<td>
								<select name="exam_id" id="exam_id">
								<option value="0">请选择考试</option>
								<volist name="exam_list" id="paper">
								<option value="{$exam.id}">[ID:{$exam.id}]{$exam.exam_name}</option>
								</volist>
								</select>
							</td>
						</tr>
						<tr>
							<th width="80">身份证号</th>
							<td>
								<textarea name="idcard_list" id="idcard_list" style="width:500px; height: 200px;" placeholder="请填写身份证号列表，每行一个">{$key}</textarea>
								说明：一行一个，身份证号15或18位。
							</td>
						</tr>
					</table>
			</div>
			<div class="form-actions">
				<button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
				<a class="btn" href="{:U('Exams/card_add')}">返回</a>
			</div>
		</form>
		<div id="modal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button aria-hidden="true" class="close" type="button" data-dismiss="modal">×</button>
				<h3 id="myModalLabel">
					试题列表
				</h3>
			</div>
			<div class="modal-body" id="modal-body">asdasdasdasdsa</div>
			<div class="modal-footer">
				 <button aria-hidden="true" class="btn" data-dismiss="modal">完成</button>
			</div>
		</div>
		
	</div>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
$(function() {
	function loadExams(ques_term,exam_term){
		$.ajax({
			url:"{:U('exams/get_exams_json')}",
			data:{"ques_term":ques_term,"exam_term":exam_term},
			type:'POST',
			async:true,
			timeout:5000,    //超时时间
		    dataType:'json',
		    success:function(data,textStatus,jqXHR){
		    	if(data.status==1){
					var lst_exam=data.content;
					var arr_option=[];
					$('#exam_id').empty();
		    		$('#exam_id').append('<option value="0">↓请选择考试['+lst_exam.length+']↓</option>');
					for(var exam in lst_exam){
						$('#exam_id').append('<option value="'+lst_exam[exam].id+'">[ID:'+lst_exam[exam].id+']'+lst_exam[exam].exam_name+'</option>');
					}
		    	}
		    	else{
		    		$('#exam_id').empty();
		    		$('#exam_id').append('<option value="0">↓请选择考试[0]↓</option>');
		    		
		    	}
			}
		});
	}
	$('#ques_term').change(function(){
		loadExams($(this).val(),$('#exam_term').val());
	});
	$('#exam_term').change(function(){
		loadExams($('#ques_term').val(),$(this).val());
	});
	$('#ques_term').change();
	/////---------------------
	Wind.use('validate', 'ajaxForm', 'artDialog', function() {
		//javascript
		var date_btns = $("input.J_date");
		if(date_btns.length) {
			Wind.use('datePicker',function() {
				date_btns.datePicker();
			});
		}
		
		var form = $('form.js-ajax-forms');
		//ie处理placeholder提交问题
		if ($.browser && $.browser.msie) {
			form.find('[placeholder]').each(function() {
				var input = $(this);
				if (input.val() == input.attr('placeholder')) {
					input.val('');
				}
			});
		}

		var formloading = false;
		//表单验证开始
		form.validate({
			//是否在获取焦点时验证
			onfocusout : false,
			//是否在敲击键盘时验证
			onkeyup : false,
			//当鼠标掉级时验证
			onclick : false,
			//验证错误
			showErrors : function(errorMap, errorArr) {
				console.log(errorMap);
				//errorMap {'name':'错误信息'}
				//errorArr [{'message':'错误信息',element:({})}]
				try {
					$(errorArr[0].element).focus();
					art.dialog({
						id : 'error',
						icon : 'error',
						lock : true,
						fixed : true,
						background : "#CCCCCC",
						opacity : 0,
						content : errorArr[0].message,
						cancelVal : '确定',
						cancel : function() {
							$(errorArr[0].element).focus();
						}
					});
				} catch (err) {
				}
			},
			//验证规则
			rules : {
				'exam_id' : {
					required : true
				}
			},
			//验证未通过提示消息
			messages : {
				'exam_id' : {
					required : '请选择考试项目'
				}
			},
			//给未通过验证的元素加效果,闪烁等
			highlight : false,
			//是否在获取焦点时验证
			onfocusout : false,
			//验证通过，提交表单
			submitHandler : function(forms) {
				if (formloading)
					return;
				$(forms).ajaxSubmit({
					url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
					dataType : 'json',
					beforeSubmit : function(arr, $form, options) {
						formloading = true;
					},
					success : function(data, statusText, xhr, $form) {
						formloading = false;
						if (data.status) {
							setCookie("refersh_time", 1);
							//添加成功
							Wind.use("artDialog", function() {
								art.dialog({
									id : "succeed",
									icon : "succeed",
									fixed : true,
									lock : true,
									background : "#CCCCCC",
									opacity : 0,
									content : data.info,
									button : [ {
										name : '继续生成？',
										callback : function() {
											reloadPage(window);
											return true;
										},
										focus : true
									}, {
										name : '返回列表页',
										callback : function() {
											location = "{:U('Exams/card')}";
											return true;
										}
									} ]
								});
							});
						} else {
							artdialog_alert(data.info);
						}
					}
				});
			}
		});
	});
	////-------------------------
});
	</script>
</body>
</html>